<template>
	<view class="bg-img">
		<image :src="info.download" class="downloadbg" mode=""></image>
		<view class="download_box text-center">
			<view v-if="info" style="width: 366rpx;height:400rpx;padding: 20rpx;margin-top: 100rpx;background-color: #fff;margin: 0rpx auto;margin-top:200rpx !important;">
				<image :src="info"  style="width: 100%;height: 100%;" mode="aspectFill"></image>
			</view>
			<view v-else style="width: 366rpx;height:400rpx;padding: 20rpx;margin-top: 400rpx;background-color: #fff;margin: 0rpx auto;">
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:""
			};
		},
		onLoad() {
			this.init();
		},
		methods: {
			init(){
				let _token = uni.getStorageSync('token');
				let params ={
					_token: _token,
					type:12
				}
				this.$api.getConfigImg(params).then(res => {
					if(res.ok&&res.data.length>0){
						this.info =res.data && res.data.length>0 ? res.data[0].path : "";
					}
				});
			},
		}
	};
</script>

<style lang="scss" scoped>
	.bg-img{
		position: relative;
		width: 100%;
		height: 100%;
		background:url(https://www.ynbinlishenghuo.com:1803/app/images/com.png) no-repeat center;
		background-size: 100% 100%;
		border-radius: 16rpx;
		box-shadow: 0 0 20px #3168D9;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		text-align: center;
	}
	.infor-title{
		margin: 21px;
		font-size: 18px;
	}
	.downloadbg{
		width: 100%;
		position: fixed;
		/* #ifdef APP-PLUS */
		height: 100vh;
		top:0px;
		/* #endif */
		/* #ifndef APP-PLUS */
		height: calc(100vh - 88rpx);
		top:0px;
		/* #endif */
		left: 0;
		bottom: 0 !important;
		right: 0;
		z-index: 1;
	}
	.download_box{
		width: 100%;
		position: fixed;
		top:286rpx !important;
		z-index: 5;
	}
</style>
